<template>
	<view class="body">
		<view class="gray9 p20 f28">请绑定持卡人本人的卡</view>
		<view class="bg-white p20">
			<view class="item line p30 d-s-c f28">
				<view class="name mr20">卡号</view>
				<input type="text" placeholder="请输入卡片上印刷的号码" />
			</view>
			<view class="item line p30 d-s-c f28">
				<view class="name mr20">卡类型</view>
				<!-- <input type="text" placeholder="请输入卡号" /> -->
				<radio-group class="d-s-c flex-1">
					<label class="d-s-c ww50 flex-1">
						<radio /><text>个人卡</text>
					</label>
					<label class="d-s-c ww50 flex-1">
						<radio /><text>车队卡</text>
					</label>
				</radio-group>
			</view>
			<view class="item line p30 d-s-c f28">
				<view class="name mr20">手机号</view>
				<input type="number" placeholder="请输入办卡预留手机号" />
			</view>
			<view class="item line p30 d-b-c f28 mb60">
				<view class="d-s-c flex-1">
					<view class="name mr20">验证码</view>
					<input type="text" placeholder="请输入验证码" />
				</view>
				<view class="skyblue f28">获取验证码</view>
			</view>
			<u-button color="#165DFF" shape="circle" text="确认"></u-button>
			<view class="tip gray9 mt40">
				<view class="f32">温馨提示</view>
				<view class="f24 mt20">您所添加的卡片为有效且正常使用卡片</view>
				<view class="f24 mt20">所选写的卡号必须与开户时的信息一致</view>
				<view class="f24 mt20">所选写的手机号必须与开户时的信息一致</view>
				<view class="f24 mt20">选车队卡时，所填写手机号必须与车队负责人开户信息一致</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.name {
		width: 4em;
	}
</style>